<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>涛宝商城-用户信息</title>
<link rel="stylesheet" type="text/css"
	th:href="@{appstyle/css/mdui.min.css}" />
<script th:src="@{appstyle/js/mdui.js}" type="text/javascript"
	charset="utf-8"></script>
<script type="text/javascript" th:src="@{appstyle/js/jquery-3.3.1.js}"></script>
<link rel="stylesheet" type="text/css"
	th:href="@{appstyle/css/core.css}" />
</head>
<body>
	<div id="header">
		<p class="p1">涛宝商城,只有想不到,没有买不到!!!</p>
	</div>
	<div id="header_1">
		<div class="login">
			<div class="login_1">
				<span class="span"> <a href="Land.html"
					th:if="${session.currentUser==null}">登录</a>
					<div class="mdui-container"
						style="display: inline-block; position: absolute; top: -5px"
						th:if="${session.currentUser!=null}">
						<div class="mdui-chip">
							<img class="mdui-chip-icon"
								th:src="@{${session?.currentUser?.headpic}}" /> <span
								class="mdui-chip-title"
								th:text="${session?.currentUser?.username}"></span> <span
								class="mdui-chip-title"><i
								class="mdui-icon material-icons"
								mdui-tooltip="{content: '安全退出'}" onclick="clickLogout()">&#xe5cd;</i></span>
						</div>
					</div> <a href="register.html" th:if="${session.currentUser==null}">注册</a>
				</span>
				<ul class="ul1">
					<li class="li1"><a href="Shopping_Cart.html" class="a1">购物车(<span
							class="number">0</span>)
					</a></li>
					<li class="li1"><a href="orderMsg.html" class="a1">我的订单</a></li>
					<li class="li1"><a href="userMsg.html" class="a1">我的涛宝</a></li>
					<li class="li1"><a href="taobaostoreMsg.html" class="a1">关于涛宝</a></li>
				</ul>
			</div>
			<script type="text/javascript">
				clickLogout = function() {
					$.ajax({
						url : "user/logout.do",
						Type : "post",
						dataType : "json",
						success : function(data) {
							mdui.snackbar({
								message : '成功安全退出!',
								position : 'top',
								timeout : 300,
								onClosed : function() {
									location.href="index.html";
								}
							});
						}
					})
				}
			</script>
		</div>
	</div>
	<div id="body">
		<a class="logo" href="index.html">涛宝商城</a>
		<div id="body-1">
			<input class="textinput" type="text" placeholder=请输入商品名称 /> <input
				type="button" class="button1" value="搜索	" />
		</div>
	</div>
	<hr />
	<div id="daohanglan">
		<span class="daohanglan_1"> <a href="index.html" class="a3">涛宝商城</a><span
			class="fuhao"> ></span> <a href="userMsg.html" class="a3">个人中心</a>
		</span>
	</div>

	<div id="left">
		<ul style="">
			<li><a href="userMsg.html">个人中心</a></li>
			<li><a href="orderMsg.html">我的订单</a></li>
			<li><a href="retrievePwd.html">修改密码</a></li>
			<li><a href="taobaostoreMsg.html">关于涛宝</a></li>
		</ul>
	</div>
	<div id="rightPanel"
		style="background: #FFFFFF; width: 950px; height: 260px; position: absolute; right: 300px; top: 280px;">
		<h2
			style="font-weight: 100; font-size: 16px; position: relative; left: 20px;">我的信息</h2>
		<hr>
		<div id="">
			<span>用户名：</span> <span th:text="${session?.currentUser?.username}"></span>
		</div>
		<div id="">
			<span>电 话：</span> <span th:text="${session?.currentUser?.phone}"></span>
		</div>
		<div id="">
			<span>邮 箱：</span> <span th:text="${session?.currentUser?.email}"></span>
		</div>
		<div id="">
			<span>问 题：</span> <span th:text="${session?.currentUser?.question}"></span>
		</div>
		<div id="">
			<span>答 案：</span> <span th:text="${session?.currentUser?.answer}"></span>
		</div>
		<button id="updateBtn"
			style="position: relative; top: 20px; left: 20px;"
			class="mdui-btn mdui-btn-raised mdui-ripple  mdui-color-blue-200"
			type="button">编辑</button>
	</div>
	<script type="text/javascript">
			$("#serach_Btn").click(function(){
				alert($("#serach_Input").val());
				location.href="product/toSerachPage.do?keyword="+$("#serach_Input").val();
			})
			</script>
	<script>
		$("#updateBtn").click(function() {
			window.location.href = "userMsg_Update.html";
		})
	</script>
	<style type="text/css">
#left li {
	margin-top: 10px;
}

#left li a {
	position: relative;
	left: 300px;
	color: #A9A9A9;
	font-size: 14px;
	text-decoration: none;
}

.li1 a:hover {
	color: #66CCFF;
}

#rightPanel div {
	position: relative;
	left: 20px;
	margin-top: 15px;
	font-size: 14px;
	color: #666666;
}
</style>
</body>
</html>
